<!DOCTYPE html>
<html style="color: #ffffff">
<head>
    <meta charset="utf-8" />
    <title>FPMS飞行计划管理系统</title>
    <link rel="shortcut icon" href="<img src=../image/aqntm-vebii-001.ico"/>
    <script src="../js/jquery.js"></script>
    <style>
        body{
            width: 100%;
            /*noinspection CssUnknownTarget*/
            background-image:url(../image/cylm.jpg);background-repeat:no-repeat;background-attachment:fixed;
            background-size:100% ;
        }
        .title-style{
            margin-left:20px;
        }
        .time-style{
            margin-left:30px;
        }
        .write{
            margin-left:50px;
        }
        .B {
            margin-left:30px;
        }
    </style>

</head>
<h1 class="title-style">FPMS飞行计划管理系统</h1>
<div class="time-style">
    <h3>当前时间：</h3>
    <div>
        <script>
            function show(){
                var date = new Date(); //日期对象
                var now = "";
                now = date.getFullYear()+"年"; //读英文就行了
                now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了
                now = now + date.getDate()+"日 ";
                now = now + date.getHours()+"时";
                now = now + date.getMinutes()+"分";
                now = now + date.getSeconds()+"秒";
                document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串
                setTimeout("show()",1000); //设置过1000毫秒就是1秒，调用show方法
            }
        </script>
        <body onload="show()"> <!-- 网页加载时调用一次 以后就自动调用了-->
        <div id="nowDiv"></div>
        </body>
        <br>
    </div>
</div>
<h3 class="B">飞行计划填写</h3>
<body>
<div class="write">
    航空执照：<input type="text" id="flID" />
    执飞航班：<input type="text" id="fnID" /><br>
    机长姓名：<input type="text" id="name" />
    执飞机型：<input type="text" id="model" /><br>
    起飞机场：<input type="text" id="start" />
    落地机场：<input type="text" id="arrive" /><br>
    机组人数：<input type="text" id="unit" />
    航行里程：<input type="text" id="fsd" /><br>
    申报重量：<input type="text" id="weight" />
    油量占比：<input type="text" id="yl"><br>
    预计用时：<input type="text" id="est" />
    执行时间：<input type="text" id="time" />
    <input type="button" id="btnsub" value="添加计划" /><br /><br />
</div>
<br>
<h3 class="B">飞行计划显示面板</h3>
<table border="1px" id="tbstudent" width="80%" class="write">
    <tr>
        <td>航空执照</td>
        <td>执飞航班</td>
        <td>机长姓名</td>
        <td>执飞机型</td>
        <td>起飞机场</td>
        <td>落地机场</td>
        <td>机组人数</td>
        <td>航行里程</td>
        <td>申报重量</td>
        <td>油量占比</td>
        <td>预计用时</td>
        <td>执行时间</td>
        <td>操作</td>
    </tr>
</table>
</div>
<script type="text/javascript">
    $(function(){
        $("#btnsub").click(function(){
            var flID=$("#flID ").val();//飞行执照编号
            var fnID=$("#fnID").val();//执飞航班
            var name=$("#name").val();//姓名
            var model=$("#model").val();//机型
            var start=$("#start").val();//起飞
            var arrive=$("#arrive").val();//落地
            var unit=$("#unit").val();//人数
            var fsd=$("#fsd").val();//距离
            var weight=$("#weight").val();//重量
            var yl=$("#yl").val();//油量
            var est=$("#est").val();//预计用时
            var time=$("#time").val();//时间
            $("#tbstudent").append("<tr> " +
                "<td>"+flID+"</td>" +//添加执照编号
                "<td>"+fnID+"</td>"+//添加执飞航班
                "<td>"+name+"</td>" +//添加机长姓名
                "<td>"+model+"</td>"+//添加执飞机型
                "<td>"+start+"</td>"+//添加起飞机场
                "<td>"+arrive+"</td>"+//添加落地机场
                "<td>"+unit+"</td> " +//添加机组人数
                "<td>"+fsd+"</td>"+//添加航行距离
                "<td>"+weight+"</td>"+//添加申报重量
                "<td>"+yl+"</td>"+//添加油量
                "<td>"+est+"</td>"+//添加预计用时
                "<td>"+time+"</td>"+//添加执行时间
                "<td><button id='sc' onclick='deleteRow(this)'>删除飞行计划</button></td> " + "</tr>");//删除操作
        })
    })
    function deleteRow(obj){
        $(obj).parent().parent().remove()
    }
</script>
</body>
<style type="text/css">
    body {
        padding: 0;
        margin: 0 auto;
    }

    #footer {
        height: 30px;
        line-height: 30px;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: #464646;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .content {
        height: 1800px;
        width: 100%;
        text-align: center;
    }
</style>
</head>
<body>
    <div id="footer">
        <span style="font-family:微软雅黑;">
            &copy; Continue Flight Plan Management System</span>
</div>

</body>
</html>